<html>
<link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css" />
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<head>
    <title>信息展示</title>
</head>
<body>

<center>
<div style="margin: 20px 200px">
    <table class="table table-striped table-bordered table-hover text-center" >
        <thead>
        <tr style="vertical-align: middle;">
            <!--        th标签定义html表格中的表头单元格-->
            <th style="text-align:center;"> 姓名</th>
            <th style="text-align:center;padding-bottom: 13px">年龄</th>
            <th style="text-align:center;padding-bottom: 13px">爱好</th>
        </tr>
        </thead>
        <c:forEach items="${users}" var="user" varStatus="i">
            <tr>
                <td>${user.value.name}</td>
                <td>${user.value.age}</td>
                <td>
                    <c:forEach items="${user.value.hobbys}" var="hobby">
                        ${hobby}、
                    </c:forEach>
                </td>
            </tr>
        </c:forEach>
    </table>
    <br>
    <a href="index.html">返回首页</a>
</div>

</center>
</body>
</html>